<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <title>报告详情</title>
    <meta charset="utf-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--插件样式-->
    <link href="/dist/plugins/umeditor1.2.3-src/themes/default/_css/umeditor.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/dist/plugins/webuploader-0.1.5/webuploader.css">
    <link rel="stylesheet" href="/dist/plugins/select2/select2.min.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=86e2297f">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=222aea35">

    <style type="text/css">
        .table {
            margin-top: 0px;
            margin-bottom: 0px;
            color: rgb(51, 51, 51);
            border-right-width: 0px !important;
            border-bottom-with: 0px !important;
            table-layout: auto;
        }

        .table th {
            margin-top: 0px;
            margin-bottom: 0px;
            color: rgb(51, 51, 51);
            border-right: 1px solid #DEDEDE !important;
            border-bottom: 1px solid #DEDEDE !important;
            border-left-width: 0px !important;
            border-top-with: 0px !important;
        }

        .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
            vertical-align: middle;
            padding: 0;
            height: 24px;
            line-height: 100%;

        }

        table .td-title {
            background-color: #f8f8f8;
            line-height: 24px;
            font-weight: bold;
        }

        table .td-title2 {
            line-height: 24px;
            font-weight: bold;
        }

        table .td-module {
            background: yellow !important;
            line-height: 24px;
            font-weight: bold;
        }

        .table > tbody > tr > td.td-row2 {
            height: 56px;
            line-height: 20px;
            max-height: 56px;
            overflow: hidden;
        }

        .table > tbody > tr > td.td-row2 span {
            max-height: 44px;
            line-height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .table > tbody > tr > td.td-row3 {
            height: 56px;
            line-height: 18px;
            max-height: 56px;
            overflow: hidden;
        }

        .table > tbody > tr > td.td-row3 span {
            max-height: 56px;
            line-height: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        .td-value span.lineOne {
            max-height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .td-value1 span.lineOne {
            max-height: 40px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .divOne {
            max-height: 27px;
            line-height: 27px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }

        input[type=text], input[type=tel], input[type=number], select {
            box-sizing: border-box;
            border-width: 0px;
            border-style: none;
            padding-right: 0px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
            padding-left: 6px;
        }

        input[type=text], input[type=tel], input[type=number], select {
            height: 24px;
            width: 100%;
            border: none;
            outline: none;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .table .td-value span, .table .td-value input[type="text"], .td-value {
            vertical-align: middle;
            word-wrap: break-word;
            color: #2a8cec !important;
        }

        textarea {
            height: 56px;
            width: 100%;
            border: none;
            outline: none;
            -webkit-appearance: none;
            resize: none;
            padding-top: 20px;
            padding-left: 20px;
        }

        .width90 {
            width: 75px;
        }

        .width100 {
            width: 170px;
            overflow: hidden;
            word-wrap: break-word;
        }

        .width120 {
            width: 180px;
        }

        .width92 {
            width: 102px;
        }

        .width120 {
            width: 160px;
        }

        .width95 {
            width: 89px;
        }

        .width93 {
            width: 96px;
        }

        .width60 {
            width: 60px;
        }

        .span-a-btn {
            position: absolute;
            right: -10px;
            top: 0px;
            margin-right: 19px;
        }

        .a-btn {
            color: black;
        }

        .userbox {
            background-color: White;
            width: 99%;
            overflow: hidden;
        }

        div.userbox {
            min-height: 21px;
            padding-left: 6px;
            height: auto;
        }

        input.userbox {
            height: 21px;
            padding-left: 6px;
            line-height: 21px;
        }

        .userbox input {
            border-width: 0px;
            border-style: none;
            width: 280px;
        }

        .user {
            height: 20px;
            line-height: 20px;
            max-height: 20px;
            float: left;
            text-align: left;
            min-width: 32px;
            padding-left: 1px;
            overflow: hidden;
            cursor: pointer;
        }

        .user:hover {
            background-color: #cfd4d1;
        }

        .userbox .over.user {
            background-color: #cfd4d1;
        }

        .userbox .select.user {
            color: #fff;
            background-color: #045B9E;
        }
        .userbox .select1.user {
            color: #fff;
            background-color: #045B9E;
        }

        .saveAddress {
            width: 400px;
            height: 200px;
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -200px;
            margin-top: -100px;
            background: #fff;
            border-radius: 10px;
            z-index: 1978;
            display: none;
            border: 1px solid #cfcfcf;
        }

        .saveModle {
            width: 500px;
            height: 300px;
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -250px;
            margin-top: -150px;
            background: #fff;
            border-radius: 10px;
            z-index: 1978;
            display: none;
            border: 1px solid #cfcfcf;
        }

        .saveModle .top, .saveAddress .top {
            height: 34px;
            line-height: 34px;
            font-size: 14px;
            font-weight: bold;
            color: #333;
            /* padding-left: 7px; */
            border-bottom: 1px solid #cfcfcf;
            background: #f5f5f5;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .saveModle .top .title, .saveAddress .top .title {
            height: 32px;
            line-height: 32px;
            font-size: 14px;
            font-weight: bold;
            color: #333;
            /* float: left; */
            background: #F5F5F6;
            text-align: center;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .saveModle .top .btn, .saveAddress .top .btn {
            font-size: 20px;
            width: 34px;
            height: 22px;
            line-height: 12px;
            position: absolute;
            right: 0;
            top: 0px;
        }

        .saveModle .top .btn:hover, .saveAddress .top .btn:hover {
            color: red;
        }

        .saveModle .saveBtn {
            margin: 0 auto;
            margin-top: 35px;
            display: block;
        }

        .saveAddress .saveBtn {
            margin: 0 auto;
            display: block;
        }

        .addressTitle {
            float: left;
            width: 80px;
            box-shadow: 0 0 black;
            line-height: 30px;
        }

        input.addressValue {
            float: left;
            width: 275px;
            border: 1px solid #ddd;
            height: 30px;
        }

        .modleBj {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 1977;
            background: #DCE2F1;
            filter: alpha(opacity=60);
            opacity: .6;
            display: none;
        }

        #modal {
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 999;
            background-color: white;
        }

        .td-value {
            text-align: left !important;
            vertical-align: middle;
            word-wrap: break-word;
            color: #2a8cec !important;
            border: 1px solid #ddd;
        }

        .td-value span {
            display: inline-block;
            max-height: 56px;
            overflow: hidden;
            padding: 0 6px;
            word-wrap: break-word;
        }

        .td-value1 {
            text-align: center !important;
            vertical-align: middle;
            word-wrap: break-word;
            color: #2a8cec !important;
            height: 24px;
            line-height: 24px;
        }

        .td-value1 input {
            text-align: center;
        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }

        label {

            display: block;
            text-align: left;
            margin-left: 10px;
            margin-bottom: 0px;
        }

        label input {
            margin-left: 0px;
        }

        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .table-bordered tbody tr:last-child td {
            border-bottom-color: transparent !important;
        }

        .lastTable tbody tr:last-child td {
            border-bottom-color: #cbcbcd !important;
        }

        .tableTomorrow input, .tableTomorrow select {
            background: #f5f5f5;
        }

        .tableTomorrow input, .tableTomorrow td {
            background: #f5f5f5;
        }

        .divSelect {
            width: 100px;
            border: 1px solid #DEDEDE;
            margin-left: 10px;
            float: left;
        }

        #entourage input:hover {
            background-color: #e6f2fa;
        }

        .table-no-border-left {
            border-left-width: 0px !important;
        }

        .table-width-auto {
            width: 33.5% !important;
        }

        .table-bottom-width {
            border-bottom-width: 0px !important;
        }

        .shen a {
            display: inline-block;
            width: 30%;
            outline: 0;
            padding: 0;
            text-align: center;
            white-space: nowrap;
            text-decoration: none;
            color: #333;
            cursor: pointer;
        }

        .evaluation {
            cursor: pointer;
            width: 36px;
            margin: 0 auto;
            height: 18px;
            line-height: 18px;
            text-align: justify;
            display: inline-block;
            overflow: hidden;
            vertical-align: middle;
        }

        .pingjia {
            border: 1px solid rgb(188, 184, 184);
            width: 120px;
            height: 20px;
            line-height: 19px;
            color: rgb(188, 184, 184);
            float: left;
            margin-left: 20px;
            text-align: center;
            margin-top: 5px;
            vertical-align: top;
            cursor: pointer;
        }

        .pingjia_active {
            border: 1px solid #2a8cec;
            width: 120px;
            height: 20px;
            line-height: 19px;
            background: #2a8cec;
            color: #FFffff;
            float: left;
            margin-left: 20px;
            text-align: center;
            margin-top: 5px;
            vertical-align: top;
            cursor: pointer;
        }

        .fixed-table_body tr td {
            /*border-right: none;*/
            font-size: 12px;
            text-align: center;
        }

        .fixed-table_header tr th {
            /*border-right: none;*/
            background: yellow;
            font-weight: normal;
            font-size: 12px;
        }

        .fixedDiv {
            height: 40px;
            line-height: 40px;
            position: fixed;
            width: 100%;
            background: white;
            top: 0px;
            padding-top: 13px;
            z-index: 999;
        }

        /*.fixed-table-box {*/
        /*position: relative;*/
        /*font-size: 12px;*/
        /*line-height: 1.42858;*/
        /*border-width: 1px 0px 0px 1px;*/
        /*border-style: solid solid;*/
        /*border-color: #CDCDCD;*/
        /*border-image: initial;*/
        /*border-bottom-width: 1px;*/
        /*border-right-width: 1px;*/
        /*overflow: hidden;*/
        /*}*/
        .icon_radio {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            border: solid 1px #aaaaaa;
            background-color: #ffffff;
            cursor: pointer;
            position: absolute;
            top: 0px;
            left: 28px;
        }

        .icon_active_radio {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            cursor: pointer;
            border: solid 1px #aaaaaa;
            /*background-color: #0076FF;*/
            background: url("/dist/img/duigouw.png") -2px center no-repeat;

            position: absolute;
            top: 0px;
            left: 28px;
        }

        .fixed-table-box th {
            position: relative;
            text-align: left;
            height: 25px;
            border-width: 1px;
            border-style: solid;
            border-color: rgb(203, 203, 205);
            border-image: initial;
        }

        .fixed-table-box td {
            position: relative;
            text-align: left;
            padding: 0 2px;
            height: 25px;
            border: 1px solid #cbcbcd;
        }

        .fixed-table_header tr th {
            background: #fff !important;
            color: black !important;
        }

        .fixed-table_header tr td {
            background: #fff !important;
            color: black !important;
        }

        .borderNone {
            border: none
        }

        .borderLeftNone {
            border-left: none
        }

        .userbox .user {
            height: 24px;
            line-height: 24px;
            max-height: 24px;
            float: left;
            text-align: left;
            min-width: 32px;
            padding-left: 1px;
            overflow: hidden;
            cursor: pointer;
        }

        .td-value1.borderleftTop {
            border-left: none;
            border-top: none;
        }

        .div-td-content-exam {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            padding: 8px 6px;
            background: #fff;
            border: 1px solid #e8e8ea;
            display: none;
            min-height: 80px;
        }

        .div-td-content-exam {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            padding: 8px 6px;
            background: #fff;
            border: 1px solid #e8e8ea;
            display: none;
            min-height: 80px;
        }

        .div-td-content-exam i {
            width: 15px;
            height: 12px;
            background: url(/dist/img/more-icon.png);
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .div-td-content-exam .item {
            width: 100px;
            text-align: center;
            height: 30px;
            float: left;
            cursor: pointer;
            line-height: 30px;
        }

        .div-td-content-exam .item.active {
            color: rgba(228, 221, 221, 1);
        }

        .questionRow:hover {
            border: 1px solid black;
            background: #DDDDDD;
            cursor: pointer;
        }
    </style>
    <script src="/dist/js/pages/meet/Template.js?t=42e28def"></script>


</head>
<body style="background-color:#fff; position: relative">
<div class="div-td-content-more"><i></i></div>
<div class="oaLoad">
    <div class="loadGif" id="areaProgress"></div>
</div>

<div class="clearfix"></div>
<!--<div id="modal"></div>-->
<section class="content" id="app" v-cloak @click="unselectUser">
    <div class="div-td-content-exam">
        <div class="list">
            <div class="questionRow" @click="addRow('questionList')">添加一行
            </div>
            <div class="questionRow" @click="changeRed()" v-if="info.departList[questIdx].questionList.length>0">
                {{info.departList[questIdx].questionList[questIdx2].redLabel=='redLabel'?'取消标红':'标红'}}
            </div>
            <div class="questionRow" @click="delRow('questionList')">删除一行
            </div>
        </div>
    </div>
    <div class="fixedDiv">
        <div class="divOne" style="width:600px;margin: 0 auto;">
            <h3 class="text-center" style="margin-top:0px;">{{info.main.meetTitle}}</h3>
        </div>
    </div>
    <div style="height: 40px;line-height: 40px;width: 100%;">
    </div>
    <div class="fixDiv" style="overflow-y: scroll">
        <table class="table  table-bordered text-center">
            <tr>
                <td class="td-title width90">会议主题</td>
                <td class="td-value">
                    <input v-if="pageType=='edit'" type="text"  v-model="info.main.meetTitle"
                    />
                    <span v-else>
                        {{info.main.meetTitle}}</span>
                </td>
            </tr>
            <tr>
                <td class="td-title width90" style="color: #2a8cec;cursor: pointer" @click="goTree('0')" v-if="pageType=='edit'">参会人员</td>
                <td class="td-title width90"  v-else>参会人员</td>
                <td class="td-value">
                    <div>
                        <div class="userbox" id="copiers" v-if="pageType=='edit'"
                             v-on:click.stop="inputFocus('txtCopier')">
                            <div v-for="(user,i) in info.meetPerson" class="user"
                                 v-bind:class="{ select: copierSelectedIdx == i }"
                                 v-on:click="selectUser(i,'copierSelectedIdx')">{{user.copierName}};
                            </div>
                            <input type="text" id="txtCopier" style="width: 80px;"
                                   @keydown.delete="deleteUser('meetPerson','copierSelectedIdx',$event)"/>
                        </div>
                        <div class="userbox"  v-else v-on:click.stop="inputFocus('txtCopier')">
                            <div v-for="(user,i) in info.meetPerson" class="user"
                                 v-bind:class="{ select: copierSelectedIdx == i }">{{user.copierName}};
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="td-title width90" style="color: #2a8cec;cursor: pointer" @click="goTree('1')" v-if="pageType=='edit'">抄送人员</td>
                <td class="td-title width90" v-else>抄送人员</td>
                <td class="td-value">
                    <div>
                        <div class="userbox" id="copiers1" v-if="pageType=='edit'"
                             v-on:click.stop="inputFocus('meetCopier')">
                            <div v-for="(user,i) in info.meetCopier" class="user"
                                 v-bind:class="{ select1: copierSelectedIdx1 == i }"
                                 v-on:click="selectUser1(i,'copierSelectedIdx1')">{{user.copierName}};
                            </div>
                            <input type="text" id="meetCopier" style="width: 80px;"
                                   @keydown.delete="deleteUser1('meetCopier','copierSelectedIdx1',$event)"/>
                        </div>
                        <div class="userbox"  v-else v-on:click.stop="inputFocus('meetCopier')">
                            <div v-for="(user,i) in info.meetCopier" class="user"
                                 v-bind:class="{ select1: copierSelectedIdx1 == i }">{{user.copierName}};
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </table>

        <table class="table  table-bordered text-center">
            <tr>
                <td colspan="8" class="td-module" style="text-align: right;padding-right: 6px;">
                </td>
            </tr>
            <tr class="td-title">
                <td style="width: 75px;">部门</td>
                <td style="width: 60px;">提出人</td>
                <td style="width: 300px;">问题</td>
                <td>处理办法及进展</td>
                <td style="width: 60px;">跟踪人</td>
                <td style="width: 80px;">预计完成时间</td>
                <td style="width: 65px;">状态</td>
                <!--<td style="width: 90px;">添加到事项管理</td>-->
                <td style="width: 70px;" v-if="pageType=='edit'">操作</td>
            </tr>
        </table>
        <table class="table text-center" style="max-height: 100px;overflow: hidden">
            <tr v-for="(item,i) in info.departList">
                <td style="width: 75px;border-right: 1px solid #cdcdce;" :rowspan="item.parentDepartNamespan"
                    :class="{hidden: item.parentDepartNamedis}" class="td-value1">
                    <span style="color: rgb(51, 51, 51);font-weight: bold;">{{item.parentDepartName}}</span>
                </td>
                <td class="td-value1">
                    <table class="table  table-bordered text-center" style="border: none;">
                        <tr v-for="(item2,i2) in item.questionList">
                            <td style="width: 59px;" :style="item2.redLabel=='redLabel'?'color:red !important':''" :attr-type="i"
                                :attr-idx2="i2"
                                class="td-value1 borderleftTop  addrow-value">
                                <input v-if="pageType=='edit'" style="padding-left: 0px" type="text" v-model="item2.proposeUserName"
                                       v-line-inserted="i" class="propose" @click="onfocus1(i,i2)"/>
                                <!--@dblclick="addRow('questionList',i)"-->
                                <span class="oa-name" v-else>{{item2.proposeUserName}}</span>
                            </td>
                            <td style="width: 300px;" class="td-value1 borderleftTop addrow-value td-value" :attr-type="i"
                                :attr-idx2="i2"
                                :style="item2.redLabel=='redLabel'?'color:red !important':''">
                                <input v-if="pageType=='edit'" type="text" style="text-align: left" v-model="item2.question"/>
                                <span v-else class="lineOne" style="text-align: left;padding-left: 6px">{{item2.question}}</span>
                            </td>
                            <!--<template v-if="item.parentDepartName!='本周培训人员'&&item.parentDepartName!='下周培训人员'">-->
                                <td class="td-value1 borderleftTop addrow-value td-value"
                                    :style="item2.redLabel=='redLabel'?'color:red !important':''" :attr-type="i" :attr-idx2="i2">
                                    <input v-if="pageType=='edit'" style="text-align: left" type="text"
                                           v-model="item2.solve"/>
                                    <span v-else class="lineOne" style="text-align: left;padding-left: 6px">{{item2.solve}}</span>
                                </td>
                                <td style="width: 60px;" class="td-value1 borderleftTop addrow-value"
                                    :style="item2.redLabel=='redLabel'?'color:red !important':''" :attr-type="i" :attr-idx2="i2">
                                    <input v-if="pageType=='edit'" style="padding-left: 0px" type="text" v-model="item2.solveUserName"
                                           v-line-inserted="i" class="solve" @click="onfocus1(i,i2)"/>
                                    <span class="oa-name" v-else>{{item2.solveUserName}}</span>
                                </td>
                                <td style="width: 80px;" class="td-value1 borderleftTop"
                                    :style="item2.redLabel=='redLabel'?'color:red !important':''">
                                    <input v-if="pageType=='edit'" @focus="showDatePicker($event,'questionList',i,i2)"
                                           type="text" v-model="item2.predictTime" style="padding-left: 0px"/>
                                    <span v-else>{{item2.predictTime}}</span>
                                </td>
                                <td style="width: 65px;" class="td-value1 borderleftTop"
                                    :style="item2.redLabel=='redLabel'?'color:red !important':''">
                                    <select v-if="pageType=='edit'" v-model="item2.state">
                                        <option v-for="item in flagList" v-bind:value="item.value">{{item.text}}</option>
                                    </select>
                                    <span v-else>{{item2.state}}</span>
                                </td>
                                <!--<td style="width:90px;" class="td-value1 borderleftTop">-->
                                <!--<a href="javascript:void(0);" class="a-btn" style="color: #2a8cec;"-->
                                <!--@click="showDialog('add',item2)">添加到事项管理</a>-->
                                <!--</td>-->
                                <td style="width: 70px;" class="td-value1 borderleftTop" v-if="pageType=='edit'">
                                    <span v-if="pageType=='edit'">
                                        <a href="javascript:void(0);" class="a-btn" style="color: #2a8cec;"
                                        @click="addRow('questionList',i)">添加</a>
                                        <a href="javascript:void(0);" class="a-btn" style="color: #2a8cec;"
                                        @click="delRow('questionList',i,i2)">删除</a>
                                    </span>
                                </td>
                            <!--</template>-->
                            <!--<template v-else>-->
                                <!--<td class="td-value1 borderleftTop">-->
                                <!--</td>-->
                                <!--<td class="td-value1 borderleftTop" style="width: 205px">-->
                                <!--</td>-->
                                <!--<td style="width: 70px;" class="td-value1 borderleftTop">-->
                                    <!--<span v-if="pageType=='edit'">-->
                                        <!--<a href="javascript:void(0);" class="a-btn" style="color: #2a8cec;"-->
                                           <!--@click="addRow('questionList',i)">增加</a>-->
                                        <!--<a href="javascript:void(0);" class="a-btn" style="color: #2a8cec;"-->
                                           <!--@click="delRow('questionList',i,i2)">删除</a>-->
                                    <!--</span>-->
                                <!--</td>-->
                            <!--</template>-->
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <!--<table class="table text-center" v-if="info.main.meetType=='公司晨会'">-->
    <!--<tr>-->
    <!--<td colspan="3" class="td-module" style="position: relative">-->
    <!--<span class="span-a-btn" v-if="pageType=='edit'">-->
    <!--<a href="javascript:void(0);" class="a-btn"-->
    <!--@click="addRow('person')">添加一行</a>-->
    <!--<a href="javascript:void(0);" class="a-btn"-->
    <!--@click="delRow('person')">删除一行</a>-->
    <!--</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--<tr class="td-title">-->
    <!--<td class="td-value1" style="width: 33.3%">-->
    <!--<table class="table  table-bordered text-center" style="border: none;font-weight: normal;">-->
    <!--<tr class="td-title">-->
    <!--<td colspan="3" style="border-left: none;border-top: none">请假/出差人员</td>-->
    <!--</tr>-->
    <!--<tr class="td-title">-->
    <!--<td class=" border-left" style="width:96px;border-left: none">姓名</td>-->
    <!--<td style="width:96px">时间</td>-->
    <!--<td>原因</td>-->
    <!--</tr>-->
    <!--<tr v-for="(item,i) in info.leavePerson">-->
    <!--<td class="td-value1" style="border-left: none">-->
    <!--<input v-if="pageType=='edit'" type="text" v-model="item.userName"/>-->
    <!--<span v-else>{{item.userName}}</span>-->
    <!--</td>-->
    <!--<td class="td-value1"><input v-if="pageType=='edit'"-->
    <!--@focus="showDatePicker($event,'leavePerson',i)" type="text"-->
    <!--v-model="item.reportDate"/>-->
    <!--<span v-else>{{item.reportDate}}</span>-->

    <!--</td>-->
    <!--<td class="td-value1"><input v-if="pageType=='edit'" type="text" v-model="item.reason" style="text-align: left"/>-->
    <!--<span v-else class="lineOne">{{item.reason}}</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</table>-->
    <!--</td>-->
    <!--<td class="td-value1" style="width: 33.3%;">-->
    <!--<table class="table  table-bordered text-center" style="border: none;font-weight: normal;">-->
    <!--<tr class="td-title">-->
    <!--<td colspan="3" style="border-left: none;border-top: none">来访人员</td>-->
    <!--</tr>-->
    <!--<tr class="td-title">-->
    <!--<td class="border-left" style="width:96px;border-left: none">姓名</td>-->
    <!--<td style="width:96px">来访时间</td>-->
    <!--<td>原因</td>-->
    <!--</tr>-->
    <!--<tr v-for="(item,i) in info.visitPerson">-->
    <!--<td class="td-value1" style="border-left: none">-->
    <!--<input v-if="pageType=='edit'" type="text" v-model="item.userName"/>-->
    <!--<span v-else>{{item.userName}}</span>-->
    <!--</td>-->
    <!--<td class="td-value1">-->
    <!--<input v-if="pageType=='edit'" @focus="showDatePicker($event,'visitPerson',i)" type="text"-->
    <!--v-model="item.reportDate"/>-->
    <!--<span v-else>{{item.reportDate}}</span>-->
    <!--</td>-->
    <!--<td class="td-value1">-->
    <!--<input v-if="pageType=='edit'" type="text" v-model="item.reason" style="text-align: left"/>-->
    <!--<span v-else class="lineOne">{{item.reason}}</span>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</table>-->
    <!--</td>-->
    <!--<td class="td-value1" style="width: 33.3%">-->
    <!--<table class="table  table-bordered text-center" style="border: none;font-weight: normal;">-->
    <!--<tr class="td-title">-->
    <!--<td colspan="3" style="border-left: none;border-top: none">调岗/离职人员</td>-->
    <!--</tr>-->
    <!--<tr class="td-title">-->
    <!--<td class="border-left" style="width:96px;border-left: none">姓名</td>-->
    <!--<td style="width:96px">调出部门</td>-->
    <!--<td>调入部门</td>-->
    <!--</tr>-->
    <!--<tr v-for="(item,i) in info.movePerson">-->
    <!--<td class="td-value1" style="border-left: none">-->
    <!--<input v-if="pageType=='edit'" type="text" v-model="item.userName"/>-->
    <!--<span v-else>{{item.userName}}</span>-->
    <!--</td>-->
    <!--</td>-->
    <!--<td class="td-value1">-->
    <!--<input v-if="pageType=='edit'" type="text" v-model="item.recallDepartName"/>-->
    <!--<span v-else>{{item.recallDepartName}}</span>-->
    <!--</td>-->
    <!--</td>-->
    <!--<td class="td-value1">-->
    <!--<input v-if="pageType=='edit'" type="text" v-model="item.transferDepartName"/>-->
    <!--<span v-else>{{item.transferDepartName}}</span>-->
    <!--</td>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</table>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</table>-->
    <div style="text-align:center;padding: 10px 0;" class="div-btn">
        <input type="button" v-if="pageType=='edit'"
               style="width:100px;margin-top: -4px;"
               value="保存" @click="save()"
               class="btn oaBtn btn-xs"/>
    </div>
    <div class="modleBj"></div>
</section>
<!--JQ-->
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=602456c3"></script>
<!--oa自定义  JS-->
<script src="/dist/js/oa.js?t=666bff22"></script>
<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script type="text/javascript" src="/dist/plugins/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
    $(function () {
        $("body").on("click", ".td-value", function (e) {
            console.log(app.pageType)
            if (app.pageType == "edit") {
                return true;
            } else {
                if ($(".div-td-content-more").is(":hidden")) {
                    var text = $(this).html();
                    if (text != "") {
                        text = "<i></i>" + text;
                        $(".div-td-content-more").html(text).css({
                            "width": $(this).outerWidth() + "px",
                            "left": $(this).offset().left,
                            "top": ($(this).offset().top + $(this).outerHeight()) + "px"
                        }).show();
                        e.stopPropagation();
                    }
                } else {
                    $(".div-td-content-more").hide();
                }
            }
        });
        $("body").on("click", ".div-td-content-more", function (e) {
            e.stopPropagation();
        });
        $("body").on("click", ".visitGoalShow", function (e) {
            e.stopPropagation();
        });
        $("body").on("click", function () {
            $(".div-td-content-more").hide();
            $("#entourage").hide();
        });
        $("body").on("click", ".selectModel", function (e) {
            if ($(".model-picker-dropdown").is(":hidden")) {
                $(".model-picker-dropdown").css({
                    "width": "275px",
                    "left": $(this).offset().left,
                    "top": ($(this).offset().top + $(this).outerHeight()) + "px"
                }).show();
                e.stopPropagation();
            } else {
                $(".model-picker-dropdown").hide();
            }
        });
        $("body").on("click", ".model-select-tab a", function (e) {
            $(this).parent().find("a").removeClass("active");
            $(this).addClass("active");
            var boxName = $(this).attr("data-count");
            $(".model-select").hide();
            $(".model-select-content" + " ." + boxName).show();
        });
        $("body").on("click", ".model-select  a", function (e) {
//            if ($(this).hasClass("active")) {
//                return false;
//            }
            $(this).parent().find("a").removeClass("active");
            var id = $(this).attr("attr-id");
            $(this).addClass("active");
            var val = $(this).text();
            if ($(this).parents(".model-select").hasClass("type")) {
                $(".model-select-tab a").removeClass("active");
                $(".model-select-tab a[data-count=brand]").addClass("active");
                $(".model-select").hide();
                $(".xianValue").attr("data-shen", val);
                app.getCity(id);
                $(".model-select-content .brand").show();

            } else if ($(this).parents(".model-select").hasClass("brand")) {
                $(".model-select-tab a").removeClass("active");
                var id = $(this).attr("attr-id");
                $(".model-select-tab a[data-count=model]").addClass("active");
                $(".model-select").hide();
                $(".xianValue").attr("data-shi", val);
                app.getCounty(id);
                $(".model-select-content .model").show();

            } else {
                $(".xianValue").attr("data-xian", val);
                $(".xianValue").val($(".xianValue").attr("data-shen") + "-" + $(".xianValue").attr("data-shi") + "-" + $(".xianValue").attr("data-xian"));
                $(".model-picker-dropdown").hide();
            }
        })
        $("body").on("click", ".model-picker-dropdown", function (e) {
            e.stopPropagation();
        });
        $("body").on("click", function () {
            $(".model-picker-dropdown").hide();
        });
    });
//    $(function () {
//        $("body").on("dblclick", ".addrow-value", function (e) {
//            var type = $(this).attr("attr-type");
//            var type2 = $(this).attr("attr-idx2");
//            console.log(type)
//            app.questIdx = type;
//            app.questIdx2 = type2;
//            if (app.pageType != "edit") {
//                return true;
//            } else {
//                if ($(".div-td-content-exam").is(":hidden")) {
//                    $(".div-td-content-exam").css({
//                        "width": (110) + "px",
//                        "left": $(this).offset().left,
//                        "top": ($(this).offset().top + $(this).outerHeight()) + "px"
//                    }).show();
//                    e.stopPropagation();
//                } else {
//                    $(".div-td-content-exam").hide();
//                }
//            }
//        });
//        $("body").on("click", ".div-td-content-exam", function (e) {
//            e.stopPropagation();
//        });
//        $("body").on("click", function () {
//            $(".div-td-content-exam").hide();
//        });
//    });
</script>
<script type="text/javascript">
    function refresh() {
        $.wyui.page.getByPage();
    }

    var app = new Vue({
        el: '#app',
        data: {
            questIdx: 0,
            questIdx2: 0,
            pageType: $.wyui.page.urlParams.pageType,
            meetType: $.wyui.page.urlParams.meetType,
            isinsert: $.wyui.page.urlParams.isinsert ? $.wyui.page.urlParams.isinsert : '1',
            copierSelectedIdx: -1,
            copierSelectedIdx1: -1,
            id: $.wyui.page.urlParams.id ? $.wyui.page.urlParams.id : '0',
            currentfocus: 0,
            currentfocusIdx: 0,
            flagList: [
                {text: '未关闭', value: '未关闭'},
                {text: '已关闭', value: '已关闭'},
            ],
            cannotDel:[],
            info: {
                "departList": [
                    {
                        "childDepartId": "",
                        "childDepartName": "",
                        "parentDepartId": "",
                        "parentDepartName": "",
                        "questionList": []
                    }
                ],
                "leavePerson": [{}],
                "main": {
                    companyId: getCurrentUser().companyId,
                    companyName: getCurrentUser().companyName,
                    createUserId: getCurrentUser().id,
                    createUserName: getCurrentUser().name,
                    departId: getCurrentUser().departId,
                    departName: getCurrentUser().departName,
                    meetTitle: '',
                    meetType: $.wyui.page.urlParams.meetType,
                    reportDate: "",
                    updateUserId: getCurrentUser().id
                },
                "meetPerson": [],
                "meetCopier":[],
                "movePerson": [{}],
                "visitPerson": [{}]
            }
        },
        methods: {
            setIFrameH:function () {
                setTimeout(function () {  //使用  setTimeout（）方法设定定时2000毫秒
                    var H = $(window).height()
                    $(".fixDiv").height(H - 95);
                }, 200);
            },
            //合并单元格
            tablesMergeCell: function (list) {
                for (field in list[0]) {
                    var k = 0;
                    while (k < list.length) {
                        list[k][field + 'span'] = 1;
                        list[k][field + 'dis'] = false;
                        for (var i = k + 1; i <= list.length - 1; i++) {
                            if (list[k][field] == list[i][field] && list[k][field] != '') {
                                list[k][field + 'span']++;
                                list[k][field + 'dis'] = false;
                                list[i][field + 'span'] = 1;
                                list[i][field + 'dis'] = true;
                            } else {
                                break;
                            }
                        }
                        k = i;
                    }
                }
                return list;
            },
            onfocus1: function (i, i2) {
                var that = this;
                that.currentfocus = i2;
                that.currentfocusIdx = i;
            },
            addRow: function (prop, i) {
                this.questIdx = i ;
                if (prop == "person") {
                    this.info.visitPerson.push(new Template.person());
                    this.info.movePerson.push(new Template.person());
                    this.info.leavePerson.push(new Template.person());
                } else if (prop == "questionList") {
                    this.info.departList[this.questIdx].questionList.push(new Template.questionList());
                    $('.div-td-content-exam').hide();
                }
            },
            delRow: function (prop, i , i2) {
                this.questIdx = i ;
                this.questIdx2 = i2;
                if (prop == 'person') {
                    this.info.visitPerson.splice(this.info.visitPerson.length - 1, 1);
                    this.info.movePerson.splice(this.info.movePerson.length - 1, 1);
                    this.info.leavePerson.splice(this.info.leavePerson.length - 1, 1);
                } else if (prop == 'questionList') {
                    console.log(this.questIdx,this.questIdx2)
                    if (this.info.departList[this.questIdx].questionList && this.info.departList[this.questIdx].questionList.length == 1) {
                        alert("请至少保留一行")
                    } else {
                        console.log(this.info.departList[this.questIdx].questionList[this.questIdx2])
                        // this.info.departList[this.questIdx].questionList.push(new Template.questionList());
                        // this.info.departList[this.questIdx].questionList.splice(this.info.departList[this.questIdx].questionList.length-1, 1);
                        this.info.departList[this.questIdx].questionList.splice(this.questIdx2, 1);
                        this.questIdx2=0;
                        this.questIdx=0;

                    }
                    $('.div-td-content-exam').hide();
                }

            },
            changeRed: function () {
                if (this.info.departList[this.questIdx].questionList[this.questIdx2].redLabel == 'redLabel') {
                    this.info.departList[this.questIdx].questionList[this.questIdx2].redLabel = '';
                } else {
                    this.info.departList[this.questIdx].questionList[this.questIdx2].redLabel = 'redLabel';
                }
                $('.div-td-content-exam').hide();
            },
            isExist:function (id) {
                //参与人、抄送人ID集合
                var arrDistinctCustomerTels = [];
//                var arrSameCustomerTels = [];
                for (var z = 0; z < this.info.meetPerson.length; z++) {
                    if(this.info.meetPerson[z].copierId !=''){
                        arrDistinctCustomerTels.push(this.info.meetPerson[z].copierId)
                    }
                }
//                for (var x = 0; x < this.info.meetCopier.length; x++) {
//                    if (this.info.meetCopier[x].copierId != ''){
//                        arrSameCustomerTels.push(this.info.meetCopier[x].copierId)
//                    }
//                }
                if($.inArray(id,arrDistinctCustomerTels) == -1
//                    && $.inArray(id,arrSameCustomerTels) == -1
                ){
                    return true;
                }else{
                    return false;
                }
            },
            save: function (type,flag) {
                var that = this;
                var data = {};
                var flag = flag;
                data = that.info;
                if (type == 'tree') {
                    data.saveType = '0'
                } else {
                    data.saveType = '1'
                }
                if(data.saveType == '1') {
                    for (var i = 0; i < this.info.departList.length; i++) {
                        for (var j = 0; j < this.info.departList[i].questionList.length; j++) {
                            if (this.info.departList[i].questionList[j].proposeUserName && this.info.departList[i].questionList[j].proposeUserName.trim() != '') {
                                if (!this.info.departList[i].questionList[j].question || this.info.departList[i].questionList[j].question.trim() == '') {
                                    alert("请填写问题内容!")
                                    return;
                                }
//                                if (!this.info.departList[i].questionList[j].solve || this.info.departList[i].questionList[j].solve.trim() == '') {
//                                    alert("请填写问题处理办法及进展!")
//                                    return;
//                                }
//                                if (!this.info.departList[i].questionList[j].predictTime || this.info.departList[i].questionList[j].predictTime.trim() == '') {
//                                    alert("请填写问题预计完成时间!")
//                                    return;
//                                }
                                if (!this.info.departList[i].questionList[j].state || this.info.departList[i].questionList[j].state.trim() == '') {
                                    alert("请选择问题状态!")
                                    return;
                                }
                            }
                            if ((this.info.departList[i].questionList[j].question && this.info.departList[i].questionList[j].question.trim() != '')
                                || (this.info.departList[i].questionList[j].solveUserName && this.info.departList[i].questionList[j].solveUserName.trim() != '')
                                || (this.info.departList[i].questionList[j].state && this.info.departList[i].questionList[j].state.trim() != '')
                            ) {
                                if (!this.info.departList[i].questionList[j].proposeUserName || this.info.departList[i].questionList[j].proposeUserName.trim() == '') {
                                    alert("请填写问题提出人!")
                                    return;
                                }
                            }
                        }
                    }

                    if(this.info.meetPerson.length==0){
                        alert("参会人员不能为空！")
                        return;
                    }
                }
                console.log(data.main)
                if(data.main) {
                    delete data.main.updateTime;
                    delete data.main.createTime;
                }
                console.log(data)
                $.wyui.postLoadMethod(urlConfig.meet.meet.saveNew, data, function (r) {
                    if (type == 'tree') {
                        that.id = r.id
                        that.getById()
                        top.$.dialog({
                            content: 'url:meet/selectStaff.html?userId=' + getCurrentUser().id + '&mainId=' + r.id+'&flag='+flag,
                            title: '',
                            width: 500,
                            height: 630,
                            max: true,
                            min: true,
                            lock: true
                        });
                    } else {
                        if (r.id) {
                            that.showModel(200, "保存成功")
                            //刷新列表
                            top.refreshTabByName("会议纪要", "no");
//                            if (getCurrentUser().roleName == "区域经理"){
//                                top.addTabs({
//                                    id: "intentCustomerPc",
//                                    title: "意向客户管理",
//                                    close: true,
//                                    url: 'intentionManagement/intentCustomerPc/quYuIntentionalList.html'
//                                });
//                            }
                            setTimeout(function () {
                                top.closeTabByPageId("hyxq");
                            }, 2000)
                        }
                    }

                }, false, true);
            },
            showModel: function (width, title) {
                $.alert({type: 'topAlert', width: width, title: title})
//                var txt = "hello World 弹框内容";
//                top.$.alert({
//                    win:this,
//                    height:220,
//                    icon:'1', //1成功 2失败 3提示 不穿代表无图标
//                    title:'弹框标题',
//                    content: '<p>' + txt +'</p>',
//                    effect: $(event.currentTarget).attr('data-flag'),
//                    blankclose: true,//点击空白是否可关闭
//                    ok:"确定",//是否显示确认按钮,
//                    okCallback:function () {
//                        //确认按钮回调
//                        console.log(this)
//                        console.log("确定回调")
//                        console.log(this.win.myWorkList)
//                    },
//                    cancel:"取消"
//                })
            },

            getNowDate: function () {
                var now = new Date();
                var year = now.getFullYear();
                var month = (now.getMonth() + 1).toString();
                var day = (now.getDate()).toString();
                var hour = (now.getHours()).toString();
                var minute = (now.getMinutes()).toString();
                var second = (now.getSeconds()).toString();
                if (month.length == 1) {
                    month = "0" + month;
                }
                if (day.length == 1) {
                    day = "0" + day;
                }
                if (hour.length == 1) {
                    hour = "0" + hour;
                }
                if (minute.length == 1) {
                    minute = "0" + minute;
                }
                if (second.length == 1) {
                    second = "0" + second;
                }
                var dateTime = year + "-" + month + "-" + day;
                return dateTime;
            },
            getNowDateFormat: function (date) {
                var now = new Date(date);
                var year = now.getFullYear();
                var month = (now.getMonth() + 1).toString();
                var day = (now.getDate()).toString();
                var hour = (now.getHours()).toString();
                var minute = (now.getMinutes()).toString();
                var second = (now.getSeconds()).toString();
                if (month.length == 1) {
                    month = "0" + month;
                }
                if (day.length == 1) {
                    day = "0" + day;
                }
                if (hour.length == 1) {
                    hour = "0" + hour;
                }
                if (minute.length == 1) {
                    minute = "0" + minute;
                }
                if (second.length == 1) {
                    second = "0" + second;
                }
                var dateTime = year + "年" + month + "月" + day + "日";
                return dateTime;
            },
            goTree: function (flag) {
                var that = this;
                that.save("tree",flag);

            },
            inputFocus: function (id) {
                $("#" + id).focus();
            },
            selectUser: function (i, prop) {
                this.copierSelectedIdx = -1;
                this[prop] = i;
            },
            selectUser1: function (i, prop) {
                this.copierSelectedIdx1 = -1;
                this[prop] = i;
            },
            unselectUser: function () {
                this.copierSelectedIdx = -1;
                this.copierSelectedIdx1 = -1;
            },
            deleteUser: function (prop, idx, event) {
                if (event.keyCode == 46 || event.keyCode == 8 && event.target.value == "") {
                    if (this[idx] > -1) {
                        var userId = this.info[prop][this[idx]].copierId;
                        this.info[prop].splice(this[idx], 1);
                        this.copierSelectedIdx = -1;
                    } else {
                        this[idx] = this.info[prop].length - 1;
                    }
                }
            },
            deleteUser1: function (prop, idx, event) {
                if (event.keyCode == 46 || event.keyCode == 8 && event.target.value == "") {
                    if (this[idx] > -1) {
                        var userId = this.info[prop][this[idx]].copierId;
                        var isExistId = []
                        for(var i=0;i<this.cannotDel.length;i++){
                            isExistId.push(this.cannotDel[i].copierId);
                        }
                        if($.inArray(userId,isExistId) != -1){
                            alert("默认抄送人员，无法删除！")
                            return;
                        }
                        this.info[prop].splice(this[idx], 1);
                        this.copierSelectedIdx1 = -1;
                    } else {
                        this[idx] = this.info[prop].length - 1;
                    }
                }
            },
            showDialog: function (pageType, item) {
                var condition = "";
                condition += "&type=meet";
                condition += "&meetId=" + item.id;
                condition += "&principal=" + item.solveUserId;
                condition += "&predictTime=" + item.predictTime;
                condition += "&principalName=" + item.solveUserName;
                condition += "&trackTitle=" + item.question;
                condition += "&trackContent=" + item.solve;
                $.dialog({
                    content: 'url:../wreport/matterTrackManagement/detail.html?pageType=' + pageType + (condition == "" ? "" : condition),
                    title: "<div style='font-size:20px'>新增事项</div>",
                    width: 700,
                    height: 340,
                    max: false,
                    min: false,
                    lock: true
                });
            },
            //修正默认行数
            reportCountFixed: function (report) {
                console.log(report)
                for (var i = 0; i < report.length; i++) {
                    for (var j = report[i].questionList.length; j < 3; j++) {
                        report[i].questionList.push(new Template.questionList());
                    }
                }
                return report;
            },
            showDatePicker: function (e, type, idx1, idx2) {
                var that = this;
                WdatePicker({
                    onpicked: function (dp) {
                        if (type == 'questionList') {
                            that.info.departList[idx1].questionList[idx2].predictTime = dp.cal.getNewDateStr();
                        } else {
                            that.info[type][idx1].reportDate = dp.cal.getNewDateStr();
                        }
                        return true;
                    },
                    onclearing: function(){
                        if (type == 'questionList') {
                            that.info.departList[idx1].questionList[idx2].predictTime = '';
                        } else {
                            that.info[type][idx1].reportDate = '';
                        }
                    },
                    dateFmt:'yyyy-MM-dd',
                    minDate:that.info.main.reportDate,
                });
                $(e.target).blur();
            },
            getById:function () {
                var that = this
                $.wyui.postLoadMethod(urlConfig.meet.meet.getByIdNew, {
                    id: that.id
                }, function (r) {
                    console.log(r);
                    that.info = r
                    that.cannotDel = r.defaultMeetCopier
                    r.departList = that.reportCountFixed(r.departList)
                    that.info.departList = that.tablesMergeCell(r.departList)
                }, false, true);
            }
        },
        mounted: function () {
            var that = this;
            that.setIFrameH();
            that.isinsert = $.wyui.page.urlParams.isinsert ? $.wyui.page.urlParams.isinsert : 1
            that.meetType = $.wyui.page.urlParams.meetType
            if (that.isinsert == '0') {
                var type = '0';
                if (that.meetType == '部门周例会') {
                    type = ''
                }
                that.info.main.meetType = that.meetType;
                that.info.main.reportDate = that.getNowDate();
                //新增
                $.wyui.postLoadMethod(urlConfig.meet.meet.getByIdNew, {
                    type: type,
                    userId: getCurrentUser().id,
                    meetType:that.meetType
                }, function (r) {
                    console.log(r)
                    that.cannotDel = r.defaultMeetCopier
                    that.info.meetPerson = r.companyPerson
                    that.info.meetCopier = r.meetCopier
                    r.departList = that.reportCountFixed(r.departList)
                    that.info.departList = that.tablesMergeCell(r.departList)
                    console.log(r);
                    console.log(that.info.meetCopier);
                }, false, true);
            } else {
                that.getById();
            }
            if (that.info.main.meetType == '部门周例会') {
                that.info.main.meetTitle = that.getNowDateFormat(that.info.main.reportDate) + '' + that.info.main.companyName + that.info.main.departName + that.info.main.meetType
            } else {
                that.info.main.meetTitle = that.getNowDateFormat(that.info.main.reportDate) + '' + that.info.main.companyName + that.info.main.meetType
            }
        }
    });
    $(function () {
        $("#txtCopier").autoComplete({
            url: server.ip + urlConfig.system.user.getTop10ByNameUser,
            render: function (users, panel) {
                if (users) {
                    for (var i = 0; i < users.length; i++) {
                        $("<li></li>").data("autoComplete",
                            users[i]).html("<a>" + users[i].name + "&nbsp;&nbsp;&nbsp;" +
                            "(" + "&nbsp;" + users[i].companyName + "-" + users[i].departName + "-" + users[i].roleName + "&nbsp;" + ") " + "</a>")
                            .appendTo(panel);
                    }
                }
            },
            selected: function (user) {
                if(app.info.meetPerson){
                    for (var i = 0; i < app.info.meetPerson.length; i++) {
                        if(user.id == app.info.meetPerson[i].copierId){
                            alert ("已存在该参会人员！请重新输入！");
                            $(this).val("");
                            $(this).focus();
                            return ;
                        }
                    }
                }
//                if(app.info.meetCopier){
//                    for (var i = 0; i < app.info.meetCopier.length; i++) {
//                        if(user.id == app.info.meetCopier[i].copierId){
//                            alert ("抄送人员中已存在该人员！请重新输入！");
//                            $(this).val("");
//                            $(this).focus();
//                            return ;
//                        }
//                    }
//                }
                app.info.meetPerson.push({copierId: user.id, copierName: user.name})
                $(this).val("");
            },
            height: 210,
            width: 320,
            top: 0,
            left: 0
        });
    })
    $(function () {
        $("#meetCopier").autoComplete({
            url: server.ip + urlConfig.system.user.getTop10ByNameUser,
            render: function (users, panel) {
                if (users) {
                    for (var i = 0; i < users.length; i++) {
                        $("<li></li>").data("autoComplete",
                            users[i]).html("<a>" + users[i].name + "&nbsp;&nbsp;&nbsp;" +
                            "(" + "&nbsp;" + users[i].companyName + "-" + users[i].departName + "-" + users[i].roleName + "&nbsp;" + ") " + "</a>")
                            .appendTo(panel);
                    }
                }
            },
            selected: function (user) {
                if(app.info.meetCopier){
                    for (var i = 0; i < app.info.meetCopier.length; i++) {
                        if(user.id == app.info.meetCopier[i].copierId){
                            alert ("已存在该抄送人！请重新输入！");
                            $(this).val("");
                            $(this).focus();
                            return ;
                        }
                    }
                }
//                if(app.info.meetPerson){
//                    for (var i = 0; i < app.info.meetPerson.length; i++) {
//                        if(user.id == app.info.meetPerson[i].copierId){
//                            alert ("参会人员中已存在该人员！请重新输入！");
//                            $(this).val("");
//                            $(this).focus();
//                            return ;
//                        }
//                    }
//                }
                app.info.meetCopier.push({copierId: user.id, copierName: user.name})
                $(this).val("");
            },
            height: 210,
            width: 320,
            top: 0,
            left: 0
        });
    })

</script>
<script>
    <!--自动补全-->
    function renderLines(el, lineIndex) {
        $(el).autoComplete({
            url: server.ip + urlConfig.system.user.getTop10ByNameUser,
            render: function (users, panel) {
                if (users) {
                    for (var i = 0; i < users.length; i++) {
                        $("<li></li>").data("autoComplete",
                            users[i]).html("<a>" + users[i].name + "&nbsp;&nbsp;&nbsp;" +
                            "(" + "&nbsp;" + users[i].companyName + "-" + users[i].departName + "-" + users[i].roleName + "&nbsp;" + ") " + "</a>")
                            .appendTo(panel);
                    }
                }
            },
            selected: function (user) {
                if ($(el).hasClass("propose")) {
                    if(app.isExist(user.id)){
                        app.info.meetPerson.push({copierId: user.id, copierName: user.name})
                    }
                    app.info.departList[app.currentfocusIdx].questionList[app.currentfocus].proposeUserName = user.name;
                    app.info.departList[app.currentfocusIdx].questionList[app.currentfocus].proposeUserId = user.id;
                }
                if ($(el).hasClass("solve")) {
                    app.info.departList[app.currentfocusIdx].questionList[app.currentfocus].solveUserName = user.name;
                    app.info.departList[app.currentfocusIdx].questionList[app.currentfocus].solveUserId = user.id;
                }
                return false;
            },
            extraParams: {createUserId: getCurrentUser().id},
            height: 210,
            width: 300
        });
    }

    Vue.directive('line-inserted', {
        inserted: function (el, binding) {
            var lineIndex = binding.value;
            setTimeout(function () {
                renderLines(el, lineIndex);
            }, 500)

        }
    });


</script>
<script>
    $(window).resize(function () {
        app.setIFrameH()
    })
</script>
</body>
</html>